﻿@{
   Layout = "/Views/Shared/_Layout.cshtml";
}

<link href="~/css/Messages/Messages.min.css" rel="stylesheet" />
<style>
    body {
        /*background-image:url(/images/IMG_20161104_135337.jpg);*/
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: 0 80px;
        background-origin: padding-box;
    }
    div.Messages {
        color: #2b2b2b;
    }

    div.sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        padding: 0.75rem 0 0.75rem 1rem;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 0.5rem;
    }
</style>
<script>
    window.onload = function () {
        document.body.style.backgroundImage = "url(/images/2008523103025100.jpg)";
        var overflow = document.getElementById("overflowTest");
        var rem = overflow.style.fontSize;
        overflow.style.height = window.innerHeight - 90 + "px";
        console.log(window.innerHeight);;
    }
</script>
<div class="row mt-2">
    <div class="col-sm-2">
       <partial name="_MSNavPartial" />
    </div>
    <div class="col-sm-10 p-0" id="overflowTest">
        <div class="Messages">
            <div class="sticky">
                @ViewData["Title"]
            </div>
            @RenderBody()
        </div>

    </div>

</div>
@RenderSection("Scripts",required:false)